<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <style media="screen">
      .box{
        width: 500px;
        padding: 10px;
        font-family: "华文行楷";
        line-height: 1em;
        margin: 100px auto;
      }
    </style>
  </head>
  <body>
    <ul class="box"></ul>
  </body>
  <script>
    var words = "手术由上午改到下午，他遵医嘱没吃早饭，医生说，现在，你可以吃了。"+
                "已经9点多了，小吃店都关了，绕了很久，他们才找到一家卖羊汤肉饼的。当热腾腾的羊汤端上来，他猛想起，有多少年了，两人没一起在外吃过饭了？"+
                "婚后多年，他什么高档饭店没进过，什么山珍海味没尝过？而她，一直守候家中，习惯了自家的厨房和餐厅。";

    function showWords(ele,time,msg){
      var cont = 0;
      var timer = null;
      timer = setInterval(function(){
        if (cont > msg.length) {
          clearInterval(timer);
        } else {
          ele.innerHTML = msg.substring(0,cont);
          cont++;
        }

      },time)
    }

    window.onload = function(){
      var iBox = document.getElementsByClassName('box')[0];
      showWords(iBox,200,words)
    }

  </script>
</html>
